<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎光临[可爱屋]</title>
<meta name="keywords" content="商城,首饰,珠宝,饰品,金,银,钻石,玉,珍珠,钟表" />
<meta name="description" content="流行首饰专卖，各种珠宝、钟表、饰品等。" />
<link href="style/basic.css" rel="stylesheet" type="text/css" />
<link href="style/link.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style/main.css" rel="stylesheet" type="text/css" />
</head>

<body>



<div id="box">
  <div id="logo">
	<object data="media/logo.swf" type="application/x-shockwave-flash" width="766" height="148">
      <param name="movie" value="media/logo.swf" />
      <param name="SCALE" value="exactfit" />
      <param name="quality" value="high" />
	  <param name="wmode" value="transparent" />
    </object>
  </div><!-- #logo -->
  <div id="nav">
  <ul>
    <li><a href="#"><span>首页</span></a></li>
	<li><a href="#"><span>金饰</span></a></li>
	<li><a href="#"><span>钻石</span></a></li>
	<li><a href="#"><span>925银饰</span></a></li>
	<li><a href="#"><span>流行饰品</span></a></li>
	<li><a href="#"><span>珍珠</span></a></li>
	<li><a href="#"><span>品牌专卖</span></a></li>
	<li><a href="#"><span>订制</span></a></li>
	<li><a href="#"><span class="last">优惠券</span></a></li>
  </ul>
  </div><!-- #nav -->
  <div id="link">
    <div id="login">
      <form id="f_login" name="f_login" method="post" action="">
	    <fieldset><!--方框-->
		  <legend>用户登陆</legend>
		  <label for="f_login_name">用户名：</label> <!--label for="f_login_name" 表示鼠标点击此label的时候，光标定位到id为for里面的值的文本框-->
		  <input type="text" name="f_login_name" tabindex="1" id="f_login_name" />
	      <label for="f_login_pass">密　码：</label>
	      <input type="password" name="f_login_pass" tabindex="2" id="f_login_pass" />
	      <input name="f_login_ok" type="submit" class="btn" id="f_login_ok" tabindex="3" value="确定" />
	      <input name="f_login_reset" type="reset" class="btn" id="f_login_reset" tabindex="4" value="重填" />
	    </fieldset>
		<ul>
          <li><a href="#">免费注册</a></li>
          <li><a href="#">忘记密码</a></li>
        </ul>
      </form>
    </div><!-- #login -->
    <div id="sort">
      <h1 id="sort_h_1">按珠宝用途分类</h1>
      <ul>
        <li><a href="#">耳饰 Earrings</a></li>
        <li><a href="#"> 项链 Necklaces</a></li>
        <li><a href="#">手镯 Bracelets</a></li>
        <li><a href="#">戒指 Finger ring</a></li>
        <li><a href="#">胸饰 Brooches</a></li>
        <li><a href="#">头饰 Headwear</a></li>
        <li><a href="#">摆件 Ornament</a></li>
        <li><a href="#">钟表 Horologe</a></li>
        <li><a href="#">其他 Other</a></li>
      </ul>
      <h1 id="sort_h_2">按珠宝性质分类</h1>
      <ul>
        <li><a href="#">钻石 Diamond</a></li>
        <li><a href="#">翡翠 Emerald</a></li>
        <li><a href="#">白玉 Jade</a></li>
        <li><a href="#">珊瑚 Coral</a></li>
        <li><a href="#">水晶 Crystal</a></li>
        <li><a href="#">珍珠 Pearl</a></li>
        <li><a href="#">红宝石 Ruby</a></li>
        <li><a href="#">蓝宝石 Sapphire</a></li>
        <li><a href="#">贝壳 Conch</a></li>
        <li><a href="#">黄金 Gold</a></li>
        <li><a href="#">其他 Other</a></li>
      </ul>
    </div><!-- #sort -->
    <div id="ad_2">
      <ul>
        <li><img src="photo/ad_2_temp1.gif" title="广告位招租" alt="广告" width="150" height="50" /></li>
        <li><img src="photo/ad_2_temp1.gif" title="广告位招租" alt="广告" width="150" height="50" /></li>
      </ul>
    </div>
    <!-- #ad_2 -->
  </div><!-- #link -->
  <div id="main">
    <div id="ad_1">
      <ul>
        <li><a href="#"><img src="photo/ad_1_temp1.jpg" title="点击欣赏[超可爱精巧花戒]" alt="主广告1" width="293" height="175" border="0" /></a></li><li><a href="#"><img src="photo/ad_1_temp2.jpg" title="点击欣赏[古埃及珍宝展]" alt="主广告2" width="293" height="175" border="0" /></a></li>
      </ul>
    </div>
    <!-- #ad_1 -->
    <div id="recommend">
      <h1>本周推荐</h1>
      <ol>
	    <li>
		  <dl>
  	        <dt><img src="photo/recom_01.jpg" alt="商品图片" /></dt>
		    <dd class="title recom_title recom">紫水晶吊坠</dd>
		    <dd class="memo recom">紫色，充满诱惑，美丽的小花在美丽的颈边悄悄绽放。谁会忍心说不？</dd>
		    <dd class="price recom">原　价：￥128元</dd>
		    <dd class="net_price recom"> 折扣价：￥108元</dd>
		    <dd class="select">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
	    <li>
		  <dl>
  	        <dt><img src="photo/recom_02.jpg" alt="商品图片" /></dt>
		    <dd class="title recom_title recom"> 紫水晶吊坠</dd>
		    <dd class="memo recom">紫色，充满诱惑，美丽的小花在美丽的颈边悄悄绽放。谁会忍心说不？</dd>
		    <dd class="price recom">原　价：￥128元</dd>
		    <dd class="net_price recom">折扣价：￥108元</dd>
		    <dd class="select">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
	  </ol>
    </div>
    <!-- #recommend -->
    <div id="new">
      <h1>新品上架</h1>
      <ol>
	    <li>
		  <dl>
  	        <dt><img src="photo/new_01.jpg" alt="商品图片" /></dt>
		    <dd class="title">紫水晶吊坠</dd>
		    <dd class="price">原　价：￥128元</dd>
		    <dd class="net_price">折扣价：￥108元</dd>
		    <dd class="select new_btn">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
	    <li>
		  <dl>
  	        <dt><img src="photo/new_02.jpg" alt="商品图片" /></dt>
		    <dd>紫水晶吊坠</dd>
		    <dd class="price">原　价：￥128元</dd>
		    <dd class="net_price">折扣价：￥108元</dd>
		    <dd class="select new_btn">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
		<li>
		  <dl>
  	        <dt><img src="photo/new_03.jpg" alt="商品图片" /></dt>
		    <dd>紫水晶吊坠</dd>
		    <dd class="price">原　价：￥128元</dd>
		    <dd class="net_price">折扣价：￥108元</dd>
		    <dd class="select new_btn">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
	    <li>
		  <dl>
  	        <dt><img src="photo/new_04.jpg" alt="商品图片" /></dt>
		    <dd>紫水晶吊坠</dd>
		    <dd class="price">原　价：￥128元</dd>
		    <dd class="net_price">折扣价：￥108元</dd>
		    <dd class="select new_btn">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
	    <li>
		  <dl>
  	        <dt><img src="photo/new_05.jpg" alt="商品图片" /></dt>
		    <dd>紫水晶吊坠</dd>
		    <dd class="price">原　价：￥128元</dd>
		    <dd class="net_price">折扣价：￥108元</dd>
		    <dd class="select new_btn">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
		<li>
		  <dl>
  	        <dt><img src="photo/new_06.jpg" alt="商品图片" /></dt>
		    <dd>紫水晶吊坠</dd>
		    <dd class="price">原　价：￥128元</dd>
		    <dd class="net_price">折扣价：￥108元</dd>
		    <dd class="select new_btn">
			  <ul>
			    <li class="btn buy"><a href="#" title="点击购买此商品">购买</a></li>
				<li class="btn favorite"><a href="#" title="点击将商品加入收藏夹">收藏</a></li>
			  </ul>
			</dd>
		  </dl>
	    </li>
	  </ol>
    </div><!-- #new -->
    <div id="rank">
      <h1>热销排行榜</h1>
      <ol>
        <li><a href="#">幸运金银十字项链</a></li>
        <li><a href="#">珍珠满天星项链</a></li>
        <li><a href="#">珍珠3cm长耳坠</a></li>
        <li><a href="#">耳坠－珍珠</a></li>
        <li><a href="#">瑞士冷钢吊坠</a></li>
        <li><a href="#">印度民族风情手链</a></li>
        <li><a href="#">纽约downtown</a></li>
        <li><a href="#">金石榴</a></li>
        <li><a href="#">ITALY玫瑰金耳坠</a></li>
        <li><a href="#">台湾玉饰-火鸟</a></li>
      </ol>
	  <p class="rank_more"><a href="#" title="点击查看更多排行榜">更多&gt;&gt;&gt;</a></p>
    </div><!-- #rank -->
    <div id="info">
      <h1>优惠活动</h1>
      <ul>
        <li><a href="#">06'凉夏:100元选3！</a></li>
        <li><a href="#">五一搞活动拉！</a></li>
        <li><a href="#">美丽饰品５５折起！</a></li>
        <li><a href="#">情人节丘比特活动</a></li>
        <li><a href="#">欢乐圣诞节！</a></li>
        <li><a href="#">05' Season's Sale！</a></li>
      </ul>
      <p class="info_more">
	    <a href="#" title="点击查看更多优惠信息">更多&gt;&gt;&gt;</a>
	  </p>
    </div><!-- #info -->
  </div><!-- #main -->
  <div id="footer">可爱屋 clove99.com</div><!-- #footer -->
</div>
</body>
</html>
